<template>
    <div id="max">
        <div id="top">
            <div id="neiRong3">
                <div id="xia">
                    <div id="xia-1">调度需求自动流转:</div>
                    <div>
                        <el-switch v-model="value1" />
                    </div>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div id="neiRong3">
                <div id="xia">
                    <div id="xia-1">转居家隔离后:</div>
                    <div class="my-2 flex items-center text-sm">
                        <el-radio-group v-model="radio2" class="ml-4">
                            <el-radio label="1">成员自主接受</el-radio>
                            <el-radio label="2">组长分配</el-radio>
                        </el-radio-group>
                    </div>
                </div>
            </div>
        </div>
        <div id="anNiu">
        <el-button type="primary">保存设置</el-button>
        </div>
    </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
    name: 'diaodushezhi',
    setup() {

        const radio1 = ref('1')
        const radio2 = ref('1')
        const value1 = ref(true)

        return {
            radio1,
            radio2,
            value1
        }
    }
})

</script>
<style scoped>
#anNiu{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 220px 0;
}
button{
    width: 115px;
    height: 40px;
}
#max{
    display: flex;
    flex-direction: column;
    background-color: white;
    padding-top: 50px;
    width: 100%;
    font-size: 13px;
    color: #333;
}
#xia {
    display: flex;
    flex-direction: row;
}

#xia-1 {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 180px;
}

#xia-2 {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 180px;
    padding-left: 10px;
}

#bottom {
    flex-direction: column;
    display: flex;
}

#bottom-3 {
    display: flex;
    flex-direction: row;
}

#neiRong3 {
    padding: 20px;
    display: flex;
}
</style>